/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
jQuery(document).ready(function() {

//Cuando el sitio carga...

jQuery(".tab_content").hide(); //Esconde todo el contenido

jQuery("ul.tabs li:first").addClass("active").show(); //Activa la primera tab

jQuery(".tab_content:first").show(); //Muestra el contenido de la primera tab

//On Click Event

jQuery("ul.tabs li").click(function() {

jQuery("ul.tabs li").removeClass("active"); //Elimina las <a title="clases" href="http://www.cssblog.es/css-el-atributo-class/">clases</a> activas

jQuery(this).addClass("active"); //Agrega la clase activa a la tab seleccionada

jQuery(".tab_content").hide(); //Esconde todo el contenido de la tab

var activeTab = jQuery(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido

jQuery(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo

return false;

});

});

